<template>
  <div id="appVuew">
    <router-view />
  </div>
</template>
<script>
export default {
  created() {
    // this.$nextTick(() => {
    //   this.setRemPc();
    //   window.addEventListener("resize", this.setRemPc); //浏览器窗口大小改变时调用rem换算方法
    // });
  },
  mounted() {
    this.init();
    window.addEventListener("resize", this.init);
  },
  // destroyed() {
  //   document.getElementsByTagName("html")[0].style.fontSize = "unset";
  // },
  methods: {
    init() {
      var winWidth =
        document.documentElement.offsetWidth || document.body.offsetWidth;
      winWidth = winWidth < 1280 ? 1280 : winWidth;
      var oHtml = document.getElementsByTagName("html")[0];
      oHtml.style.fontSize = (100 * winWidth) / 1920 + "px";
    },
    //   setRemPc() {
    //     /**
    //      * @file: index.vue
    //      * @method: setRemPc
    //      * @param:
    //      * @return:
    //      * @description:计算rem大小
    //      * @date:
    //      */
    //     var whdef = 100 / 1920; // 表示1920的设计图,使用100PX的默认值
    //     var bodyWidth = document.body.clientWidth; // 当前窗口的宽度
    //     var rem = bodyWidth * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
    //     document.getElementsByTagName("html")[0].style.fontSize = rem + "px";
    //   },
  },
};
</script>
<style lang="scss"></style>
